<template>
<uni-shadow-root class="partials-gridlist-second_navigation_with_shadow-second_navigation_with_shadow"><template name="second_navigation_with_shadow">
  <view class="showTypeContainer" v-if="jsonData.showType == 0">
   <view class="boxShadow">
    <block v-if="jsonData.iconType == 0">
      <view v-for="(cells,index) in (jsonData.cells)" :key="cells.index" class="grid_cell" :style="'width:'+(100/ jsonData.column)+'%;'">
        <view :class="' '+(cells.linkUrl)">{{cells.text}}</view>
      </view>
    </block>
    <block v-else>
      <view v-for="(cells,index) in (jsonData.cells)" :key="cells.index" class="grid_cell" :style="'width:'+(100/ jsonData.column)+'%;'">
        <view class="grid_cell_item" v-if="cells.linkUrl!='contact'" :data-link="cells.linkUrl" @click.stop.prevent="tolinkUrl">
          <image v-if="cells.iconPath" :src="(cells.iconPath)+'?x-oss-process=style/preview'"></image>
          <view :class="' '+(cells.loginCheck)" :site_url="cells.linkUrl" :targetType="cells.targetType">
            {{cells.text}}
          </view>
        </view>
        <button open-type="contact" plain="true" hover-class="none" style="border:none" class="grid_cell_item kefu" v-else>
          <image v-if="cells.iconPath" :src="(cells.iconPath)+'?x-oss-process=style/preview'"></image>
          <view :class="' '+(cells.loginCheck)" :site_url="cells.linkUrl" :targetType="cells.targetType">
            {{cells.text}}
          </view>
        </button>
      </view>
    </block>
</view>
  </view>

  <view style="border:1px solid rgb(214,214,214);border-bottom:none;" class="showTypeContainer" v-if="jsonData.showType == 1">
    <block v-if="jsonData.iconType == 0">
    <view>222</view>
          <view v-for="(cells,index) in (cells)" :key="cells.index" class="grid_cell" :style="'width:'+(100/ column)+'%;'">
        <view :class="' '+(cells.linkUrl)">{{cells.text}}</view>
      </view>
    </block>
    <block v-else>
       <view>1111</view>
      <view v-for="(cells,index) in (cells)" :key="cells.index" class="grid_cell" :style="'width:'+(100/ column)+'%;'">
        <image :src="cells.iconPath"></image>
        <view :class="' '+(cells.loginCheck)" :site_url="cells.linkUrl" :targetType="cells.targetType">
          {{cells.text}}
        </view>
      </view>
    </block>
  </view>
  <view class="showTypeContainer3" v-if="showType == 3">
      <block v-for="(cells,index) in (cells)" :key="cells.index">
        <block v-if="index == 0">
          <view class="grid_cell3_1" :data-link="cells.linkUrl" @click="tolinkUrl">
            <image mode="scaleToFill" :src="(cells.iconPath)+'?x-oss-process=style/preview'"></image>
          </view>
        </block>
        <block v-else>
          <view class="grid_cell3_2" :data-link="cells.linkUrl" @click="tolinkUrl">
            <image mode="scaleToFill" :src="(cells.iconPath)+'?x-oss-process=style/preview'"></image>
          </view>
        </block>
      </block>
  </view>
</template></uni-shadow-root>
</template>

<script>

global['__wxRoute'] = 'partials/gridlist/second_navigation_with_shadow/second_navigation_with_shadow'

Component({})

export default global['__wxComponents']['partials/gridlist/second_navigation_with_shadow/second_navigation_with_shadow']
</script>
<style platform="mp-weixin">
.boxShadow{
  width: 690rpx;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 6px;
  padding-bottom: 17px;
  border: 1px solid #F5F6F7;
  border-radius: 10rpx;
  box-shadow:0px 0px 24rpx 0px rgba(232,234,237,1);
}
</style>